import "./index.scss";

export default function SplitLandingPage() {
  const handleMouseEnter = (e: any) => {
    e.target.style.flex = 7;
  };

  const handleMouseLeave = (e: any) => {
    e.target.style.flex = 3;
  };

  return (
    <div className='split-landing-page'>
      {[1, 2].map(item => (
        <div
          key={item}
          onMouseEnter={e => handleMouseEnter(e)}
          onMouseLeave={e => handleMouseLeave(e)}
        ></div>
      ))}
    </div>
  );
}
